<html>
	<head>
    <meta charset="UTF-8">
		<title>threejs-example other example : limit test(geometry)</title>
		<style>
			body { margin: 0; }
			canvas { display: block; }
      .plan{
        position: absolute;
        background: #ccc;
        z-index: 99;
        padding: 10px;
        border-radius: 10px;
        margin-top: 5px;
      }
		</style>
	</head>
	<body>
    <div class="plan">
      <div>FPS：<span id="fps">- -</span></div>
      <div>立方体数量：<span id="cube-number">- -</span></div>
      <div>当FPS低于30时不再新增立方体</div>
      <div>当滚动进入里面，所要渲染的立方体减少时，FPS会重新提升。</div>
    </div>
    
	</body>
  <script src="./static/js/add-github-icon.js"></script>
</html>